import React from 'react';
import styles from './App.module.less';
import classnames from 'classnames';
import { useState } from 'react';

const Header = (props: any) => {
  const click = () =>{
    console.log(11); 
  }
  return( 
    <>
    <One a ={click}>Header</One> 
    </>
  )
}

const One = ({a}: any) => {
return(
  <div><TWO b={a}>One</TWO></div>
)
}
const TWO =({b}: any) => {
  return(
    <div onClick={b}>TWO</div>
  )
}

export default Header